<!DOCTYPE html>
<html lang="en">
<!--[if IE 9]>  <html class="ie9" lang="en">    <![endif]-->
<!--[if IE 8]>  <html class="ie8" lang="en">    <![endif]-->
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>ABOUT US</title>

    <meta name="description" content="" />
    <meta name="author" content="" />
    
    <!-- CSS -->
    <link href="css/normalize.css" rel="stylesheet" media="screen" />
    <link rel="stylesheet" href="css/font-awesome.min.css" />
    <link href="css/style.css" rel="stylesheet" media="screen" />
    <link href="css/responsive.css" rel="stylesheet" media="screen" />
    
    <!-- JS -->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="js/jquery.hashchange.min.js"></script> 
    <script type="text/javascript" src="js/jquery.imagesloaded.min.js"></script>
    <script type="text/javascript" src="js/jquery.easytabs.js"></script>
    <script type="text/javascript" src="js/jquery.tweet.min.js"></script>
    <script type="text/javascript" src="js/jquery.cycle2.js"></script>
    <script src="js/jquery.isotope.min.js"></script>
    <script type="text/javascript" src="js/respond.min.js"></script>
    <script src="js/jquery.validate.min.js"></script>
    <script src="js/jquery.form.js"></script>
    <script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
    <script src="js/jquery.custom.js" type="text/javascript"></script>

    <!-- Fonts -->
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css' />

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
  <body>
  
     <!-- SIDEBAR MENU -->
     <nav>
        <ul id="sidebar-menu" class="sidebar-menu hidden">
            <li class="menu-item menu-keppel">
                <a href="#about"><i class="icon fa fa-wheelchair sprite"></i></a>
            </li>
            <li class="menu-item menu-blue">
                <a href="#resume"><i class="icon fa fa-tasks sprite"></i></a>
            </li>
            <li class="menu-item menu-violet">
                <a href="#portfolio"><i class="icon fa fa fa-suitcase sprite"></i></a>
            </li>
            <li class="menu-item menu-orange">
               <a href="#location" ><i class="icon fa fa-location-arrow"></i></a>
            </li>
            <li class="menu-item menu-red">
              <a href="#contacts"><i class="icon fa fa-mobile"></i></a>
            </li>
        </ul>
      </nav>
    <!--- /END SIDEBAR MENU -->



    <!-- CONTAINER -->
    <div class="vcard-container">

            <!-- SOCIALS  --> 
            <nav>     
            <ul class="social-icons clearfix" id="top-social">
                <li class="item facebook">
                    <a href="#"><img class="icon" src="images/social/facebook.png" alt=""/></a>
                </li>
                <li class="item twitter">
                    <a href="#"><img class="icon" src="images/social/twitter.png" alt=""/></a>
                </li>
                <li class="item dribble">
                    <a href="#"><img class="icon" src="images/social/dribbble.png" alt=""/></a>
                </li>
                <li class="item vimeo">
                    <a href="#"><img class="icon" src="images/social/vimeo.png" alt=""/></a>
                </li>
                <li class="item linkedin">
                    <a href="#"><img class="icon" src="images/social/linkedin.png" alt=""/></a>
                </li>
                <li class="item skype">
                    <a href="#"><img class="icon" src="images/social/skype.png" alt=""/></a>
                </li>
                <li class="item google">
                    <a href="#"><img class="icon" src="images/social/google.png" alt=""/></a>
                </li>
            </ul>
            </nav>
           <!-- END SOCIALS  -->  
      
           <!-- MAIN CONTENT -->
            <div id="content" class="tab-container main-column">

                <!-- Top row -->
                <div class="top-row">
                  <nav class="attributes">
                      <ul id="main-nav" class="tabs">
                        <li class="about def"><a href="#about" ><i class="fa fa-wheelchair"></i></a></li>
                        <li class="resume"><a href="#resume"><i class="fa fa-tasks"></i></a></li>
                        <li class="portfolio"><a href="#portfolio"><i class="fa fa-suitcase"></i></a></li>
                        <li class="location"><a href="#location" class="tab-contact"><i class="fa fa-location-arrow"></i></a></li>
                        <li class="contacts"><a href="#contacts"><i class="fa fa-mobile"></i></a></li>
                      </ul>
                  </nav>
                </div>
                <!-- /Top row -->

              <nav id="mobile_row" class="hidden">
                  <!-- Navigation tabs for mobile devices. Normally hidden. -->
                    <ul id="mobile-nav" class="tabs">
                      <li class="about"><a href="#about"><i class="fa fa-wheelchair"></i></a></li>
                      <li class="resume"><a href="#resume"><i class="fa fa-tasks"></i></a></li>
                      <li class="portfolio"><a href="#portfolio"><i class="fa fa-suitcase"></i></a></li>
                      <li class="location"><a href="#location" class="tab-contact"><i class="fa fa-location-arrow"></i></a></li>
                      <li class="contacts"><a href="#contacts"><i class="fa fa-mobile"></i></a></li>
                    </ul>

                  <!-- /Navigation tabs for mobile devices. Normally hidden. -->
                </nav>


                <!-- CONTENT -->
                <div class="content">
                    <div class="panel-container">
                       
                        <!-- ABOUT BLOCK -->
                        <section id="about">
                              <div class="mw-content clearfix">
                              		 <div class="mw-content">
				                            <h1>Who We Are</h1>
				                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
				                     </div>
                               		<div class="mw-person one-fourth">
										<figure>
											<img src="images/who-we-are/wwa-1.png" alt="image">
											<div class="mw-person-hover mw-person-socials">
												<a href="#"><i class="fa fa-facebook"></i></a>
												<a href="#"><i class="fa fa-twitter"></i></a>
												<a href="#"><i class="fa fa-linkedin"></i></a>
											</div>
										</figure>
										<figcaption>
											<h3 class="rs">Frank moses</h3>
											<p>Ceo Executive Officer</p>
										</figcaption>
									</div>
									<div class="mw-person one-fourth">
										<figure>
											<img src="images/who-we-are/wwa-2.png" alt="image">
											<div class="mw-person-hover mw-person-socials">
												<a href="#"><i class="fa fa-facebook"></i></a>
												<a href="#"><i class="fa fa-twitter"></i></a>
												<a href="#"><i class="fa fa-linkedin"></i></a>
											</div>
										</figure>
										<figcaption>
											<h3 class="rs">sarah ross</h3>
											<p>Project Manager</p>
										</figcaption>
									</div>
									<div class="mw-person one-fourth">
										<figure>
											<img src="images/who-we-are/wwa-3.png" alt="image">
											<div class="mw-person-hover mw-person-socials">
												<a href="#"><i class="fa fa-facebook"></i></a>
												<a href="#"><i class="fa fa-twitter"></i></a>
												<a href="#"><i class="fa fa-linkedin"></i></a>
											</div>
										</figure>
										<figcaption>
											<h3 class="rs">cynthia wilkes</h3>
											<p>Creative Director</p>
										</figcaption>
									</div>
                              </div>
                          </div>  
                      <!--SERVICES BLOCK -->
                      <section id="resume">
                          <div class="mw-content">
                            <h1>SERVICES - SKILLS</h1>
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
                          </div>

                          <!-- TENICAL  -->
                          <div class="mw-content">
                            <div><h2 class="before-it">TECHNICAL</h2></div>
                            <div class="dividewhite3 clear"></div>
                            <div class="technical max-width clearfix">
                                <div class="one-fifth wrap-img">
                                    <img src="images/content/banner_ecommerce.jpg" />
                                </div>  
                                <div class="one-fifth wrap-img">
                                    <img src="images/content/banner_ecommerce.jpg" />
                                </div>  
                                <div class="one-fifth wrap-img">
                                    <img src="images/content/banner_ecommerce.jpg" />
                                </div>  
                                <div class="one-fifth wrap-img">
                                    <img src="images/content/banner_ecommerce.jpg" />
                                </div> 
                                <div class="dividewhite3 clear"></div>
                                <div class="max-width">
                                  <p><strong>KCG</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
                                </div>
                                <div class="dividewhite3  clear"></div>
                                <div class="max-width">
                                    <div class="one-third">
                                        <h3 class="bold">Web Development</h3>
                                        <p>Website Design, Custom Development
                                          CMS, Joomla, Wordpress, Forum, CRM...</p>
                                    </div>
                                     <div class="two-third">
                                        <p>
                                         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
                                    </div>
                                </div>
                                 <div class="dividewhite2 clear"></div>
                                 <div class="max-width">
                                    <div class="one-third">
                                        <h3 class="bold">Internet Marketing</h3>
                                        <p>SEO, Advertising Solutions<br />
                                          <i>Creative Marketing Channel</i></p>
                                    </div>
                                     <div class="two-third">
                                        <p>
                                         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</p>
                                    </div>
                                </div>
                                <div class="dividewhite2 clear"></div>
                                 <div class="max-width">
                                    <div class="one-third">
                                        <h3 class="bold">Application Development </h3>
                                        <p>Mobile apps, Facebook apps <br/>
                                          <i>Lawfirm Systems, HRMIS Systems, Financial Systems</i></p>
                                    </div>
                                     <div class="two-third">
                                        <p>
                                         Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam </p>
                                    </div>
                                </div>
                            </div>
                            <div class="clear dividewhite3"></div>
                          </div>
                           <!-- /TECHNICAL block -->

                          <div class="clear dividewhite3"></div>

                          <!-- SKILLS -->
                          <div class="mw-content">
                    <div><h2 class="before-it">Skills</h2></div>

                    <div class="clear dividewhite3"></div>
                  
                              <!-- Make a Skills Circle -->
                              <div class="four-fifth clearfix">
                                  <div class="skillbar clearfix " data-percent="65%">
                                      <div class="skillbar-title" style="background: #88cd2a;"><span>HTML5</span></div>
                                      <div class="skillbar-bar" style="background: #88cd2a;"></div>
                                      <div class="skill-bar-percent">65%</div>
                                  </div>  
                                  <div class="dividewhite2 clearfix"></div>
                                  <div class="skillbar clearfix " data-percent="95%">
                                      <div class="skillbar-title" style="background: #DE9435;"><span>CSS</span></div>
                                      <div class="skillbar-bar" style="background: #F7A53B;"></div>
                                      <div class="skill-bar-percent">95%</div>
                                  </div>
                                  <div class="dividewhite2 clearfix"></div>
                                  <div class="skillbar clearfix " data-percent="85%">
                                      <div class="skillbar-title" style="background: #E16363;"><span>PHP</span></div>
                                      <div class="skillbar-bar" style="background: #E16363;"></div>
                                      <div class="skill-bar-percent">85%</div>
                                  </div>
                                   <div class="dividewhite2 clearfix"></div>
                                  <div class="skillbar clearfix " data-percent="70%">
                                    <div class="skillbar-title" style="background: #2E5C89;"><span>Wordpress</span></div>
                                    <div class="skillbar-bar" style="background:#336699;"></div>
                                    <div class="skill-bar-percent">70%</div>
                                  </div>
                                  <div class="dividewhite2 clearfix"></div>
                                  <div class="skillbar clearfix " data-percent="65%">
                                    <div class="skillbar-title" style="background: #3498DB;"><span>Joomla</span></div>
                                    <div class="skillbar-bar" style="background: #3499DB;"></div>
                                    <div class="skill-bar-percent">65%</div>
                                  </div>
                              </div>
                              <!--/END SKILLS CIRCLE-->

                          </div>
                          <!-- /END SKILLS -->

                          <div class="clear dividewhite3"></div>

                          <div class="mw-content wopadd">
                            <input type="button" value="Save as PDF" class="button-red" />
                            <input type="button" value="Print" class="button-blue" />
                          </div>
                
                          <div class="clear dividewhite3"></div>
                       </section>
                      <!-- / END RESUME BLOCK -->


                      <!-- PORTFOLIO BLOCK-->
                     <section id="portfolio">
                         <div class="mw-content">
                            <h1>Portfolio</h1>
                            <p> Vivamus fringilla libero a nibh sollicitudin </p>

                            <!-- Project Feed Filter -->
                             <ul class="project-feed-filter">
                                <li><a href="" class="current" data-filter="*">All <i class="icon-angle-right"></i></a></li>
                                <li><a href="" data-filter=".animation">Animation <i class="icon-angle-right"></i></a></li>
                                <li><a href="" data-filter=".artwork">Artwork <i class="icon-angle-right"></i></a></li>
                                <li><a href="" data-filter=".motiongraphics">Motion Graphics <i class="icon-angle-right"></i></a></li>
                                <li><a href="" data-filter=".printdesign">Print Design <i class="icon-angle-right"></i></a></li>
                                <li><a href="" data-filter=".webdesign">Web Design <i class="icon-angle-right"></i></a></li>
                            </ul>
                            <!-- /Project Feed Filter -->

                           <!-- Project Feed -->
                            <div class="project-feed">
                                 
                                    <div class="one-third project-item animation webdesign">
                                        <img src="images/content/project_01.jpg" alt="" />
                                        <div class="overlay"></div>
                                        <div class="mask">
                                           <h2>
                                              <a href="#">Squadron</a>
                                            </h2>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
                                            <a href="#"  data-hover="View More" class="item-title btn-border"><span>View More</span></a>
                                        </div>
                                    </div>

                                    <div class="one-third project-item animation motiongraphics">
                                        <img src="images/content/project_02.jpg" alt="" />
                                        <div class="overlay"></div>
                                        <div class="mask">
                                               <h2 class="rs">
                                            <a href="#">Squadron</a>
                                            </h2>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
                                             <a href="#"  data-hover="View More" class="item-title btn-border"><span>View More</span></a>
                                        </div>
                                    </div>

                                    <div class="one-third project-item motiongraphics">
                                        <img src="images/content/project_03.jpg" alt="" />
                                        <div class="overlay"></div>
                                        <div class="mask">
                                            <h2 class="rs">
                                              <a href="#">Squadron</a>
                                            </h2>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
                                             <a href="#"  data-hover="View More" class="item-title btn-border"><span>View More</span></a>
                                        </div>
                                    </div>

                                    <div class="one-third project-item artwork webdesign">
                                        <img src="images/content/project_04.jpg" alt="" />
                                        <div class="overlay"></div>
                                        <div class="mask">
                                              <h2 class="rs">
                                            <a href="#">Squadron</a>
                                            </h2>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
                                             <a href="#"  data-hover="View More" class="item-title btn-border"><span>View More</span></a>
                                        </div>
                                    </div>

                                    <div class="one-third project-item animation webdesign">
                                        <img src="images/content/project_05.jpg" alt="" />
                                        <div class="overlay"></div>
                                        <div class="mask">
                                               <h2 class="rs">
                                            <a href="#">Squadron</a>
                                            </h2>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
                                            <a href="#"  data-hover="View More" class="item-title btn-border"><span>View More</span></a>
                                        </div>
                                    </div>

                                    <div class="one-third project-item artwork printdesign">
                                        <img src="images/content/project_06.jpg" alt="" />
                                        <div class="overlay"></div>
                                        <div class="mask">
                                               <h2 class="rs">
                                            <a href="#">Squadron</a>
                                            </h2>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>

                                         	<a href="#"  data-hover="View More" class="item-title btn-border"><span>View More</span></a>
                                        </div>
                                    </div>

                                    <div class="one-third project-item artwork printdesign webdesign">
                                        <img src="images/content/project_07.jpg" alt="" />
                                        <div class="overlay"></div>
                                        <div class="mask">
                                            <h2 class="rs">
                                              <a href="#">Squadron</a>
                                            </h2>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
                                            <a href="#"  data-hover="View More" class="item-title btn-border"><span>View More</span></a>
                                        </div>
                                    </div>

                                    <div class="one-third project-item motiongraphics webdesign">
                                        <img src="images/content/project_08.jpg" alt="" />
                                        <div class="overlay"></div>
                                        <div class="mask">
                                            <h2 class="rs">
                                             <a href="#">Squadron</a>
                                            </h2>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
                                            <a href="#"  data-hover="View More" class="item-title btn-border"><span>View More</span></a>
                                        </div>
                                    </div>

                                    <div class="one-third project-item artwork webdesign">
                                        <img src="images/content/project_09.jpg" alt="" />
                                        <div class="overlay"></div>
                                        <div class="mask">
                                            <h2 class="rs">
                                              <a href="#">Squadron</a>
                                            </h2>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
                                            <a href="#"  data-hover="View More" class="item-title btn-border"><span>View More</span></a>
                                        </div>
                                    </div>

                                    <div class="one-third project-item printdesign webdesign">
                                        <img src="images/content/project_10.jpg" alt="" />
                                        <div class="overlay"></div>
                                        <div class="mask">
                                            <h2 class="rs">
                                            <a href="#">Squadron</a>
                                            </h2>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
                                            <a href="#"  data-hover="View More" class="item-title btn-border"><span>View More</span></a>
                                        </div>
                                    </div>

                                    <div class="one-third project-item motiongraphics">
                                        <img src="images/content/project_11.jpg" alt="" />
                                        <div class="overlay"></div>
                                        <div class="mask">
                                            <h2 class="rs">
                                             <a href="#">Squadron</a>
                                            </h2>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
                                            <a href="#"  data-hover="View More" class="item-title btn-border"><span>View More</span></a>
                                        </div>
                                    </div>
                                    <div class="one-third project-item animation motiongraphics">
                                        <img src="images/content/project_12.jpg" alt="" />
                                        <div class="overlay"></div>
                                        <div class="mask">
                                            <h2 class="rs">
                                              <a href="#">Squadron</a>
                                            </h2>
                                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
                                            <a href="#"  data-hover="View More" class="item-title btn-border"><span>View More</span></a>
                                        </div>
                                    </div>
                            </div>
                            <!-- /Project Feed -->
                        </div>
                     </section>
                    <!-- /PORTFOLIO BLOCK -->

                    <!-- LOCATION BLOCK -->
                    <section id="location">
                         <div class="mw-content">
                            <h1>Location</h1>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam</p>
                            <div>
                              <div class="one-third">
                                <div>
                                  1234 Hanoi Capital, LeThanhNghi  Street, 
                                   VietNam
                                </div>
                              </div>
                              <div class="one-third">
                                <div>
                                  Phone: (415) 124-5678 
                                </div>
                              </div>
                              <div class="one-third column-last">
                                <div>
                                  email@email.com
                                </div>
                              </div>
                            </div>
                         </div>

                        <div class="clear dividewhite6"></div>

                        <!-- Google Map -->
                        <div id="map"></div>
                        <!-- /Google Map -->  
                    </section>
                    <!-- /END LOCATION BLOCK -->
  
                    <!-- CONTACT -->
                    <section id="contacts">
                        <div class="mw-content">
                          <h1>Contacts</h1>
                          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>

                          <!-- Contact Form -->
                          <div class="contacts">
                            <form action="php/processForm.php" method="POST" id="contact-form" />               
                              <label>Name</label>
                              <input type="text" name="name" />
                              <label>Email</label>
                              <input type="text" name="email" />
                              <label>Website</label>
                              <input type="text" name="website" />
                              <label>Message</label>
                              <textarea cols="100" rows="8" name="message"></textarea>     
                             <input type="submit" value="Submit Form " class="button-red" /> 
                            </form>     
                          </div>                  
                        </div>
                        <!-- /Contact Form -->
                    </section>   
                    <!--/END CONTACT-->         
                </div>
            </div>
        <!-- /END CONTENT -->

        <!-- FOOTER -->
        <footer id="footer">
          
          <div class="mw-content clearfix">
               
                <div class="one-third socials">
                  <ul  class="social-icons clearfix">
                      <li class="item facebook">
                            <a href="#"><img class="icon" src="images/social/facebook.png" alt=""/></a>
                        </li>
                        <li class="item twitter">
                            <a href="#"><img class="icon" src="images/social/twitter.png" alt=""/></a>
                        </li>
                        <li class="item dribble">
                            <a href="#"><img class="icon" src="images/social/dribbble.png" alt=""/></a>
                        </li>
                        <li class="item vimeo">
                            <a href="#"><img class="icon" src="images/social/vimeo.png" alt=""/></a>
                        </li>
                        <li class="item linkedin">
                            <a href="#"><img class="icon" src="images/social/linkedin.png" alt=""/></a>
                        </li>
                        <li class="item skype">
                            <a href="#"><img class="icon" src="images/social/skype.png" alt=""/></a>
                        </li>
                        <li class="item google">
                            <a href="#"><img class="icon" src="images/social/google.png" alt=""/></a>
                        </li>
                   </ul>   
                </div>
                <div class="lastest-tweets  one-third">
                    <h3 class="bold lastest-tweets">Lastest Tweets <i class="icon-tweets fa fa-twitter-square"></i></h3>
                    <div id="tweets"></div>  
                </div>
                 <div  class="copyright one-fourth">
                     <h3 class="bold last-footer">Lorem Ipsum is simply </h3>
                     <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
                </div>

          </div>     
        </footer>
        <!-- /END FOOTER -->

        <div class="clear dividewhite6"></div>

      </div>
      <!-- /Main column -->

    </div>
  <!-- /END CONTAINER -->


  <!-- Back to Top -->
  <div id="back-top"><a href="#top"></a></div>
  <!-- /Back to Top -->

  </body>
</html>